<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>图解黄金</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
<script src="../js/lib/remtest.js"></script>
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/app.css" />
		<script type="text/javascript" src="../js/iconfont.js"></script>
		<style type="text/css">
			.iconzs {
				width: 1em;
				height: 1em;
				vertical-align: -0.15em;
				fill: currentColor;
				overflow: hidden;
			}
			
			html,
			body {
				background-color: #eeeeee;
			}
			
			.mui-content {
				background-color: #eeeeee;
			}
			
			.mui-card-content-inner {
				position: relative;
				
				margin: 0 auto;
			}
			
			.mui-card-content-inner img{
				padding: 0.2rem;
				
				width: 5.55rem;
				}
			
			.mui-card {
				border-radius: 5px;
				width: 95%;
				margin: 0 auto !important;
			}
			
			.mui-card-content {
				margin: 0 auto;
			}
			
			.tjgoldtit {
				text-align: center;
				margin: 0.2rem auto !important;
			}
			
			.mok {
				margin: 0.3rem auto !important;
			}
			.mok .tjgoldtitle{
				font-size: 0.24rem !important;
				color: #888888;
			
				text-align: center;
			}
		</style>
	</head>

	<body>
		<!--<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">图解黄金</h1>
		</header>-->

		<div class="mui-content">

		</div>
		<div id='model' style="display: none;">
			<div class="mui-card mok">

				<div class="mui-card-content">
					<div class="mui-card-content-inner">

						<img src="{{img}}" title='{{title}}' data-url='{{url}}' style="width: 100%; " onclick="openShareView('{{url}}','{{title}}','{{zhaiyao}}')">
						<!--<p class="tjgoldtit">{{title}}</p>-->

					</div>
					<p class="tjgoldtitle">{{title}}</p>

				</div>

			</div>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/Common.js" ></script>
	<script>
		mui.init();
		mui.getJSON('http://www.99990158.com/ajax/GetArticleList.ashx', { page: 1, size: 40000, cid: 118, channel: 'CeHuaZhuanTi' }, function(rps) {
			var modelHtml = document.getElementById('model').innerHTML;
			var lis = [];
			mui.each(rps, function(index, item) {
				var html = modelHtml.replace('{{img}}', setPre(item.img_url));
				html = html.replace(/{{title}}/g, item.title);
				html = html.replace(/{{zhaiyao}}/g, item.zhaiyao);
				html = html.replace(/{{url}}/g, 'http://99990158.com/cehua.aspx?id=' + item.id)
				lis.push(html);
				//mui('.mui-content').append('<li><a href="http://99990158.com/cehua.aspx?id=' + item.id + '" target="_blank"><img src="http://99990158.com' + item.img_url + '"></a></li>');
			});

			document.getElementsByClassName('mui-content')[0].innerHTML = lis.join(' ');
			/*mui.each(mui('.mui-content img'), function(index, element) {
				alert(element.getAttribute('data-url'));
				element.addEventListener('tap', function() {

					openWindowWithTitle(element.getAttribute('data-url'), element.getAttribute('title'));
				});
			})*/

		});
	</script>

</html>